$(function () {
    require(['./paystatus/lang'], function (details) {
        let btnEle = '';
        let value = details.btn;
        for (let i = 0; i < details.btn.length; i++) {
            btnEle += `<a class="${value[i].className}" href="${value[i].href}" external>${value[i].text}</a>`
        }
        ;
        let listBlockInnerHtml = ` <div class="status"><img class="title-icon" src="${details.title.icon}"/>${details.title.text}</div>
            <div class="list-block" id="listBlock">
                <div class="state_price">
                        <img src="${details.statusImg}" alt="">
                        <p class="cancel_pay">${details.status.text}</p>
                        <p class="n_price">${details.price}</p>
                </div>
                <div class="img_text_container clear">
                    <div class="top_box clear">
                        <div class="img-container">
                            <img src="${details.list.img}" alt="">
                        </div>
                        <div class="text-container">
                            <p>${details.list.title}</p>
                            <p>${details.list.content}</p>
                        </div>
                    </div>
                    <div class="date">${details.list.time}</div>
                    <div class="description">${details.list.description}</div>
                    <div class="btn_container clear">${btnEle}</div>
                </div>
            </div>`;
        $('#content')[0].innerHTML = listBlockInnerHtml;

    })
});
